* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	font-family: 'Microsoft YaHei', helvetica, arial, verdana, tahoma, sans-serif;
	background:#5D5D5D;
}
.content {
	width: 980px;
	height: 1386px;
	background-color: #fff;
	padding: 0 44px;
	margin: 80px auto;
}
.header {
	border-bottom: 2px solid #938e8c;
}
.top-left {
	width: 110px;
	height: 61px;
	font-size: 12px;
	color: #fff;
	background-color: #D55D5C;
	padding-top: 40px;
	padding-left: 5px;
}
.top-right {
	float: right;
	font-size: 12px;
	color: #D55D5C;
	margin-top: 40px;
}
.title {
	margin-top: 30px;
}
.img-content {
	position: relative;
	width: 641px;
}
.img-content div.img {
	position: absolute;
	width: 191px;
	height: 301px;
	opacity:0.5;
}
.img-content .img-left {
	left: 0;
	background-color: #86CBA5;
}
.img-content .img-right {
	right: 0;
	background-color: #BC716F;
}
.img-content img {
	width: 641px;
	height: 301px;
}
.title-content {
	width: 203px;
	border-top: 2px solid #cc8091;
	float: right;
}
.title-content .main-title {
	font-size: 24px;
	color: #000;
	text-decoration: underline;
	text-transform: uppercase;
	line-height: 40px;
}
.title-content .main-title:first-letter {
	font-size: 26px;
}
.title-content .sub-title {
	font-size: 12px;
	color: #676767;
	line-height: 10px;
}
.title-content .number {
	font-size: 100px;
	color: #75b86b;
	font-style: italic;
	margin-left: -12px;
}
.title-content .large-text {
	font-size: 55px;
	color: #cc8091;
}
.title-content .middle-text {
	font-size: 21px;
	color: #cc8091;
}
.title-content .small-text {
	font-size: 12px;
	color: #BFBFBF;
}
.title-content .right-title {
	display: inline-block;
}
.img-content .passage {
	width: 100%;
	margin-top: 20px;
}
.img-content h2 {
	font-size: 16px;
	text-decoration: underline;
}
.img-content .what {
	display: inline-block;
	width: 40%;
	margin-right: 20px;
} 
.img-content .what h2 {
	color: #418c59
}
.img-content .when h2 {
	color: #d2994f
}
.img-content .how h2 {
	color: #cc7680
}
.img-content .when {
	display: inline-block;
	width: 30%;
	margin-right: 20px;
}
.img-content .how {
	display: inline-block;
	width: 20%;

}
.img-content p ,.img-content span{
	font-size: 12px;
	color: #232728;
	opacity: 0.7;
	line-height: 16px;
}
.how-info {
	margin-top: 20px;
}
.img-content .percentage {
	color: #cd4a48;
	font-style: italic;
}
.bottom-content {
	position: relative;
	margin-top: 40px;
}
.bottom-content .left-content {
	position: absolute;
	left: 0;
	width: 50%;
	padding-right: 10px;
}
.bottom-content .left-content hr {
	color: #11456b;
	margin-top: 5px;
	border: 1px solid #11456b;
}
.bottom-content .left-content span {
	font-size: 42px;
	color: #11456b;
	font-weight: bold;
	text-transform: uppercase;
}
.bottom-content .left-content .b-title{
	display: inline-block;
	color: #f5e327;
	font-size: 68px;
	font-style: italic;
	margin-right: 5px;
	margin-left: -15px;
}
.bottom-content .left-content .c-title {
	font-size: 33px;
}
.bottom-content article {
	margin-top: 20px;
}
.bottom-content article p {
	text-indent: 2em;
	font-size: 12px;
	color: #767777;
	line-height: 16px;
}
.bottom-content article img {
	float: right;
	width: 160px;
	height: 300px;
	margin: 10px 0 10px 12px;
}
.bottom-content .right-content {
	position: absolute;
	right: 0;
	width: 50%;
}
.right-content img ,.right-content .pic{
	width: 446px;
	height: 275px;
}
.right-content .pic {
	position: relative;
}
.right-content .pic-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #85807C;
	opacity: 0.8;
}
.right-content .pic-title .main {
	display: inline-block;
	font-size: 26px;
	color: #fff;
	border-left: 2px solid #006EB6;
	margin-left: 40px;
	padding-left: 10px;
	margin-top: 8px;
}
.right-content .pic-title .sub {
	font-size: 12px;
	color: #006EB6;
	font-style: italic;
	letter-spacing: 2px;
}
.right-content .list {
	width: 100%;
	background-color: #EEEED6;
}
.right-content ul li {
	font-size: 16px;
	color: #5a5b5b;
	margin-left: 20px;
	list-style: square inside url(../images/arrow.png);
	padding-top: 10px;
	padding-bottom: 10px;
}
.last {
	width: 100%;
	height: 227px;
	position: relative;
}
.right-content .red-content {
	position: absolute;
	left: 0;
	background-color: #D55D5C;
	width: 64%;
	margin-top: 20px;
	padding: 44px 10px;
}
.right-content .red-content .first {
	font-size: 90px;
	color: #fff;
	border-right: 2px solid #fff;
}
.right-content .red-content label{
	display: inline-block;
	width: 180px;
	float: right;
}
.right-content .red-content .second {
	font-size: 21px;
	color: #fff;
	
}
.right-content .red-content .third {
	font-size: 12px;
	color: #fff;
}
.right-content .last .last-span {
	position: absolute;
	right: 0;
	width: 32%;
	margin-top: 40px;
}
.right-content .last .last-span::before {
	content: "“";
	color: #d55d5c;
	font-size: 28px;
}
.right-content .last .last-span::after {
	content: "”";
	color: #d55d5c;
	font-size: 28px;
}